<template>
  <div class="orter">
    <h1>music</h1>
    <button @click="$router.push('/home/music/detail/不浪漫罪名?time=3')">王杰</button>
    <button @click="$router.push('/home/music/detail/灰色轨迹?time=4')">黄家驹</button>
    <button @click="$router.push('/home/music/detail/秋天不回来?time=2')">古巨基</button>
    
    <!-- 三级路由 -->
    <RouterView/>
  </div>
</template>

<script lang="ts">
import { defineComponent } from "vue";

export default defineComponent({
  name: "Music",
});
</script>

<script setup lang="ts">
</script>

<style scoped >
 .orter{
    background-color: deepskyblue;
 }
</style>